<template>
  <div class="exportShowItem" >
      <!--  -->
    <img class="hIcon" :src="headPic"></img>
    <span> {{ name }} </span>
    <button class="focus_btn">关注 ta</button>
    <div class="pic">
        <img v-bind:src='src1'>
        <img v-bind:src='src2'>
       
    </div>
    <!--  -->
  </div>

</template>
<script>

var defaulHeadPic = require("../images/mainOne/exportShow/IMG_zuimei_02.png")
var defaultImg1 = require("../images/mainOne/exportShow/IMG_zuimei_03.png")
var defaultImg2 = require("../images/mainOne/exportShow/IMG_zuimei_04.png")

export default {
  name :"exportShowItem",
//数据初始化
     props:{
        name:{
            default:"悦小舞"
        },
         headPic:{
            default:defaulHeadPic
        },
       
        src1:{
            default:defaultImg1
        },
        src2:{
            default:defaultImg2
        },
       
    },

  data(){
      return{
      }
  }
}
</script>

<style lang='less' scoped>


    .exportShowItem{
        position: relative;
        margin: 0 19/75rem;
        width: 711/75rem;
        height: 494/75rem;
        box-shadow: 0px 1px 10px #888888;
        border-radius: 20px;
        margin-bottom: 60/75rem;
        .hIcon{
            position: absolute;
            top:-26/75rem;
            left:18/75rem;
            display: block;
            height: 81/75rem;
            width: 81/75rem;
           
        }
        span{
            float: left;
            font-size: 28/75rem;
            line-height: 80/75rem;
            margin-left: 132/75rem;
            color: #b0b0b0;
        }
        .focus_btn{
            float: right;
            height: 34/75rem;
            width: 94/75rem;
            border:2px solid #CCC;
            border-radius: 16px;
            color: #808080;
            background: #FFF;
            margin: 26/75rem;
            outline: none;
            font-size: 16/75rem;
        }
        .pic{
            position: absolute;
            top:104/75rem;
            left:30/75rem;        
            img{
                float: left;
                 width: 316/75rem;
                 height: 354/75rem;
            }
            img:last-child{
                margin-left: 20/75rem;
            }
           }
    }

</style>

